<template>
	 <view>
	    <view class="list" v-for="(item,i) in list" :key="i">
	      <view>序号: {{i+1}}</view>
	      <view>用户名: {{item.username}} </view>
	      <view>手机号: {{item.mobile}} </view>
	      <view>Email:{{item.email}}</view>
	    </view>
	
	    <view class="btn">
	      <button @click="remove(item._id)">删除</button>
	     <button @click="gotoDetail(item._id)">编辑</button>
	    </view>
	  </view>
</template>

<script>
	export default {
	  data() {
	    return {
	      list: []
	    }
	  },
	  onLoad() {
	    this.getData();
	  },
	  methods: {
	    getData() {
	      console.log("---------------执行查询操作---------------");
	      uniCloud.callFunction({
	        name: "getUser",
	        success: (e) => {
	          console.log(e.result);
	          this.list = e.result.data;
	        }
	      })
	    },
	    // 这里补充 remove 和 gotoDetail 方法的定义（如果有具体逻辑的话，目前代码中未给出，可根据实际需求添加）
	    remove(id) {
	      // 移除逻辑
		   console.log("---------------执行删除操作---------------");
		    uniCloud.callFunction({
		      name:"removeUser",
		      data:{"id":_id},
		      success: (e) => {
		        console.log(e.result);
		        uni.showToast({
		          title: '删除成功',
		          duration: 2000
		        });
		  
		        this.getData();
		      }
		    })

	    },
	    gotoDetail(id) {
	      // 跳转详情逻辑
		   console.log("---------------执行编辑跳转操作---------------");
		    uni.navigateTo({
		      url: "../edit/edit?id=" + _id
		    })
		  }
		  

		  
		  
		  
	    }
	  }
	}
</script>

<style>
	.list {
			border-bottom: 1rpx solid #F1F1F1;
			padding-bottom: 20rpx;
		}
		
	    .btn{
		display: flex;	
	}	

</style>